<template>
  <a-layout>
    <!-- 头部 -->
    <the-header></the-header>

    <!-- 里面是第一层路由 -->
    <the-content></the-content>

    <!-- 尾部 -->
    <the-footer class="footer"></the-footer>
  </a-layout>
</template>
<script setup lang="ts">
import theHeader from "./layoutChild/the-header.vue";
import theFooter from "./layoutChild/the-footer.vue";
import theContent from "./layoutChild/the-content.vue";
</script>
<style scoped>
.ant-layout {
  height: 100%;
}
</style>
